<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
		<title>jspider —— Grab everything regular</title>
		<style>
			*{box-sizing:border-box}
			body{width:100%;padding:10px;text-align:center}
			.button{display:inline;padding:10px 20px;border:1px solid #ddd;cursor:pointer}
			.button:hover{border-color:#aaa}
			.fields{clear:both;margin:10px 0;}
			.fields > input{width:80%;display: block;margin: 5px auto;}
			input{padding:1em;font-size:1.5em;background-color:#FFF;border:1px solid rgba(0,0,0,.15);outline:0;color:rgba(0,0,0,.7);border-radius:.3125em}
			a{margin:5px}
		</style>
	</head>

	<body>
		<h1>jspider — Grab Everything You Want</h1>
		<div class="fields">
			<input name="url" value="" placeholder="url with http or s" type="url">
			<input name="selector" value="" placeholder="selector" type="text">
			<input name="attrs" value="" placeholder="attribute(s),use comma to seperate" type="text">
			<input name="output" value="" placeholder="output format" type="text">
		</div>
		<input onclick="start();" type="button" class="button" value="Grab" />
		<input onclick="tryit();" type="button" class="button" value="Try It" />
		<div class="result"></div>
		
		<script type="text/javascript" src="js/zepto.js"></script>
		<script type="text/javascript" src="js/jspider.js"></script>
		<script type="text/javascript" src="js/demo.js"></script>
	</body>

</html>